body {
    background: #f6f6f6;
}
#i-filter {
    display: none;
}
#article {
    overflow: hidden;
    min-height: 500px;
    background: #fff;
    margin-top: 65px;
    color: #202020;
}
article {
    padding: 30px;
    font-size: 14px;
    line-height: 1.5;
}
article img {
    display: block;
    margin: 10px auto;
}
article h1 {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 12px;
    border-bottom: 2px solid #eee;
}
#arti-h p {
    font-size: 14px;color: #959595;
}
#arti-h p span {
    margin-right: 16px;
}
@media (min-width:500px) {
    #article {
        margin-top: 75px;
    }
}
@media (min-width:1120px) {
    #article {
        margin: 86px 160px 0;
    }
}
@media (max-width:1120px) {
    #article {
        max-width: 800px;
        margin-left: auto;margin-right: auto;
    }
}
@media (max-width:840px) {
    #article {
        max-width: 100%;
        margin-left: 16px;margin-right: 16px;
    }
}
@media (max-width:500px) {
    #article {
        margin-left: 8px;margin-right: 8px;
    }
    article {
        padding: 12px;
    }
}
@media (max-width:360px) {
    #article {
        margin-left: 0;margin-right: 0;
        margin-top: 56px;
    }
}
main {
    margin-top: 10px;
}
main section {
    background: #fff;
}